import QtQuick 2.6

Rectangle {

    width: 800
    height: 600
    property alias usrname: usrname

    Image {
        id: background
        anchors.rightMargin: 0
        anchors.bottomMargin: 0
        anchors.leftMargin: 0
        anchors.topMargin: 0
        anchors.fill: parent
        source: "Graphic Designer L1nux3rr0r.png"

        Rectangle {
            id: topPanel
            height: 51
            radius: 3
            gradient: Gradient {
                GradientStop {
                    position: 0
                    color: "#805bcce9"
                }

                GradientStop {
                    position: 1
                    color: "#80000000"
                }
            }
            anchors.right: parent.right
            anchors.rightMargin: 0
            anchors.left: parent.left
            anchors.leftMargin: 0
            anchors.top: parent.top
            anchors.topMargin: 0
            border.width: 0

            Text {
                id: date
                y: 0
                width: 121
                height: 51
                color: "#ffffff"
                text: qsTr("Date and Time")
                anchors.left: parent.left
                anchors.leftMargin: 0
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                elide: Text.ElideNone
                font.pixelSize: 12
            }

            MouseArea {
                id: shutdownButton
                x: 266
                width: 50
                anchors.right: parent.right
                anchors.rightMargin: 10
                anchors.bottom: parent.bottom
                anchors.bottomMargin: 0
                anchors.top: parent.top
                anchors.topMargin: 0
                transformOrigin: Item.Center
                hoverEnabled: false
                rotation: 2

                Image {
                    id: shutdownImage
                    anchors.fill: parent
                    source: "if_shutdown_18218.png"
                }
            }
            MouseArea {
                id: restartButton
                x: 242
                width: 50
                anchors.right: shutdownButton.left
                anchors.rightMargin: 10
                anchors.bottom: parent.bottom
                anchors.bottomMargin: 0
                anchors.top: parent.top
                anchors.topMargin: 0
                transformOrigin: Item.Center
                hoverEnabled: false
                rotation: 2

                Image {
                    id: restartImage
                    anchors.fill: parent
                    source: "if_Power_-_Restart_97927.png"
                }
            }
        }

        Rectangle {
            id: rectangle
            x: 0
            y: 107
            width: 360
            height: 200
            color: "#80000000"
            radius: 1
            anchors.verticalCenterOffset: 98
            anchors.verticalCenter: parent.verticalCenter
            anchors.horizontalCenterOffset: 0
            anchors.horizontalCenter: parent.horizontalCenter

            Text {
                id: usrname
                x: 19
                y: 31
                width: 91
                height: 30
                color: "#ffffff"
                text: qsTr("Username:")
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                font.bold: false
                font.pixelSize: 12
            }

            Text {
                id: password
                x: 19
                y: 71
                width: 91
                height: 30
                color: "#ffffff"
                text: qsTr("Password:")
                verticalAlignment: Text.AlignVCenter
                horizontalAlignment: Text.AlignHCenter
                font.pixelSize: 12
            }

            TextInput {
                id: textinput
                x: 124
                y: 61
                width: 210
                text: qsTr("ipnut usr name")
                horizontalAlignment: Text.AlignHCenter
                anchors.top: usrname.bottom
                anchors.topMargin: 0
                anchors.bottom: usrname.top
                anchors.bottomMargin: 0
                font.pixelSize: 12
            }

            TextInput {
                id: textInput1
                x: 124
                y: 101
                width: 210
                text: qsTr("input password")
                horizontalAlignment: Text.AlignHCenter
                anchors.bottom: password.top
                anchors.bottomMargin: 0
                anchors.top: password.bottom
                anchors.topMargin: 0
                font.pixelSize: 12
            }
        }
    }
}
